{% if messages %}
    <div>
        {% for message in messages %}
            <div class="flex items-center px-4 py-3 text-sm font-bold text-white bg-blue-500"
                    role="alert">
                <p>{{ message }}</p>
            </div>
        {% endfor %}
    </div>
{% endif %}